了解如何使用 CSS 创建响应式浮动元素。
响应式浮动使用媒体查询并为元素何时浮动设置指定的屏幕宽度(以像素为单位):
实例/* 在宽度等于或小于 768px 的屏幕上向右浮动 */@media (max-width: 768px) { .float-right-sm { float: right; }}/* 在宽度等于或大于 769px 的屏幕上向右浮动 */@media (min-width: 769px) { .float-right-lg { float: right; }}
亲自试一试 »提示:在我们的 CSS 浮点数教程中了解